<extend name="Error:base" />

<block name="title"><title>店铺-{$stores.store_name}</title></block>
 		<block name="style">
			<link href="__PUBLIC__/Home/css/store_header1.css" rel="stylesheet" type="text/css">
		</block>
 <block name="body">
 <include file="Index:store_sp_header" />	
			<div class="wrapper mt10">
				<div class="ncs-main">
					<div class="flexslider">
						<ul class="slides">
							<li class="" style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;"><img src="__PUBLIC__/Home/images/f01.jpg"></li>
							<li class="flex-active-slide" style="width: 100%; float: left; margin-right: -100%; position: relative; display: list-item;"><img src="__PUBLIC__/Home/images/f02.jpg"></li>
							<li class="" style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;"><img src="__PUBLIC__/Home/images/f03.jpg"></li>
							<li style="width: 100%; float: left; margin-right: -100%; position: relative;"><img src="__PUBLIC__/Home/images/f04.jpg"></li>
						</ul>
					</div>
					<div class="ncs-main-container">
						<div class="title"> <span><a href="/shop/store_goods_all.html?stid={$st_id}" class="more">更多</a></span>
							<h4>推荐商品</h4>
						</div>
						<div class="content ncs-goods-list">
							<ul>
							<foreach name="st_g_recom" item="vo">
								<li>
									<dl>
										<dt>
											<a href="/shop/goods.html?gid={$vo.id}" class="goods-thumb" target="_blank">
												<img src="{$vo.pic}" alt="{$vo.productname}">
											</a>
											<ul class="goods-thumb-scroll-show">
												<foreach name="vo.imgset" item="son">
												<li	<if  condition="$son.name eq $vo.pic">
												class="selected"
												</if> ><a href="javascript:;"><img src="{$son.name}"></a></li>
												</foreach>
											</ul>
										</dt>
										<dd class="goods-name">
											<a href="/shop/goods.html?gid={$vo.id}" title="{$vo.productname}" target="_blank">{$vo.productname}</a>
										</dd>
										<dd class="goods-info">
											<span class="price">
											<if condition="$vo.price gt 0">
											<i>¥</i>{$vo.price}
												<if condition="$vo.point_num gt 0">
													+
												</if>
											</if>
											<if condition="$vo.point_num gt 0">
											{$vo.point_num}&nbsp;积分
											</if>
											<if condition="$vo.coin_num gt 0">
											{$vo.coin_num}&nbsp;币
											</if>
											
											</span> 
											<span class="goods-sold">已售：<strong>{$vo.goods_salenum} </strong> 件</span>
										</dd>
										<!-- <dd class="goods-promotion"><span>抢购商品</span></dd> -->
									</dl>
								</li>
								</foreach>
							</ul>
						</div>
					</div>
					<div class="ncs-main-container">
						<div class="title">
							<span><a href="/shop/store_goods_all.html?stid={$st_id}" class="more">更多</a></span>
							<h4>新品</h4>
						</div>
						<div class="content ncs-goods-list">
							<ul>
							<foreach name="st_g_new" item="vo">
								<li>
									<dl>
										<dt>
											<a href="/shop/goods.html?gid={$vo.id}" class="goods-thumb" target="_blank">
												<img src="{$vo.pic}" alt="{$vo.productname}">
											</a>
											<ul class="goods-thumb-scroll-show">
												<foreach name="vo.imgset" item="son">

												<li	<if  condition="$son.name eq $vo.pic">
												class="selected"
												</if> ><a href="javascript:;"><img src="{$son.name}"></a></li>
												</foreach>
											</ul>
										  </dt>
										<dd class="goods-name">
											<a href="/shop/goods.html?gid={$vo.id}" title="{$vo.productname}" target="_blank">{$vo.productname}</a>
										</dd>
										<dd class="goods-info">
											<span class="price">
											<if condition="$vo.price gt 0">
											<i>¥</i>{$vo.price}
												<if condition="$vo.point_num gt 0">
													+
												</if>
											</if>
											<if condition="$vo.point_num gt 0">
											{$vo.point_num}&nbsp;积分
											</if>
											<if condition="$vo.coin_num gt 0">
											{$vo.coin_num}&nbsp;币
											</if>
											</span>
											<span class="goods-sold">已售：<strong>{$vo.goods_salenum}</strong> 件</span>
										</dd>
										<!-- <dd class="goods-promotion"><span>抢购商品</span></dd> -->
									</dl>
								</li>
								</foreach>

							</ul>
						</div>
					</div>
				</div>
				<div class="ncs-sidebar">

					<div class="ncs-sidebar-container ncs-class-bar">
						<div class="title">
							<h4>商品分类</h4>
						</div>
						<div class="content">
							<p>
								<span><a href="#">按新品</a></span>
								<span><a href="#">按价格</a></span>
								<span><a href="#">按销量</a></span>
								<span><a href="#">按人气</a></span>
							</p>
							<div class="ncs-search">
								<form id="" name="searchShop" method="get" action="/shop/store_goods_all">
									<input type="hidden" name="select" value="get_st_g">
									<input type="hidden" name="stid" value="{$st_id}">
									<input type="text" class="text w120" name="inkeyword" value="" placeholder="搜索店内商品">
									<a href="javascript:document.searchShop.submit();" class="ncs-btn">搜索</a>
								</form>
							</div>
							<ul class="ncs-submenu">
								<li><span class="ico-none"><em>-</em></span>
									<a href="#">全部商品</a>
								</li>
							</ul>

						</div>
					</div>

					<div class="ncs-sidebar-container ncs-top-bar">
						<div class="title">
							<h4>商品排行</h4>
						</div>
						<div class="content">
							<ul class="ncs-top-tab pngFix">
								<li id="hot_sales_tab" class="current">
									<a href="#">热销商品排行</a>
								</li>
								<li id="hot_collect_tab">
									<a href="#">热门收藏排行</a>
								</li>
							</ul>
							<!--热销商品排行-->
							<div id="hot_sales_list" class="ncs-top-panel">
								<ol>
									<foreach name="host_sell" item="vo">
									<li>
										<dl>
											<dt><a href="/shop/goods.html?gid={$vo.id}">{$vo.productname}</a></dt>
											<dd class="goods-pic">
												<a href="/shop/goods.html?gid={$vo.id}">
													<span class="thumb size40"><i></i>
														<img src="{$vo.pic}" onload="javascript:DrawImage(this,40,40);" width="40" height="40">
													</span>
												</a>
												<p>
													<span class="thumb size100"><i></i>
														<img src="{$vo.pic}" onload="javascript:DrawImage(this,100,100);" title="{$vo.productname}" width="100" height="100">
														<big></big><small></small>
													</span>
												</p>
											</dd>
											<dd class="price pngFix">
											<if condition="$vo.price gt 0">
											{$vo.price}
												<if condition="$vo.point_num gt 0">
													+
												</if>
											</if>
											<if condition="$vo.point_num gt 0">
											{$vo.point_num}&nbsp;积分
											</if>
											<if condition="$vo.coin_num gt 0">
											{$vo.coin_num}&nbsp;币
											</if>											
											</dd>
											<dd class="selled pngFix">售出：<strong>{$vo.goods_salenum}</strong>笔</dd>
										</dl>
									</li>
									</foreach>
								</ol>
							</div>
							<!--热门收藏排行-->
							<div id="hot_collect_list" class="ncs-top-panel hide">
								<ol>
								<foreach name="host_collect" item="vo">
									<li>
										<dl>
											<dt><a href="/shop/goods.html?gid={$vo.id}">{$vo.productname}</a></dt>
											<dd class="goods-pic">
												<a href="/shop/goods.html?gid={$vo.id}" title="">
													<span class="thumb size40"><i></i> 
														<img src="{$vo.pic}" onload="javascript:DrawImage(this,40,40);" width="40" height="40">
													</span>
												</a>
												<p>
													<span class="thumb size100"><i></i>
														<img src="{$vo.pic}" onload="javascript:DrawImage(this,100,100);" title="{$vo.productname}" width="100" height="100">
														<big></big><small></small>
													</span>
												</p>
											</dd>
											<dd class="price pngFix">
											
											<if condition="$vo.price gt 0">
											{$vo.price}
												<if condition="$vo.point_num gt 0">
													+
												</if>
											</if>
											<if condition="$vo.point_num gt 0">
											{$vo.point_num}&nbsp;积分
											</if>
											<if condition="$vo.coin_num gt 0">
											{$vo.coin_num}&nbsp;币
											</if>
											
											</dd>
											<dd class="collection pngFix">收藏人气：<strong>{$vo.goods_collect}</strong></dd>
										</dl>
									</li>
									</foreach>
								</ol>
							</div>
							<p>
								<a href="/shop/store_goods_all.html?stid={$st_id}">查看本店其他商品</a>
							</p>
						</div>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							//热销排行切换
							$('#hot_sales_tab').on('mouseenter', function() {
								$(this).addClass('current');
								$('#hot_collect_tab').removeClass('current');
								$('#hot_sales_list').removeClass('hide');
								$('#hot_collect_list').addClass('hide');
							});
							$('#hot_collect_tab').on('mouseenter', function() {
								$(this).addClass('current');
								$('#hot_sales_tab').removeClass('current');
								$('#hot_sales_list').addClass('hide');
								$('#hot_collect_list').removeClass('hide');
							});
						});
						/** left.php **/
						// 商品分类
						function class_list(obj) {
							var stc_id = $(obj).attr('span_id');
							var span_class = $(obj).attr('class');
							if(span_class == 'ico-block') {
								$("#stc_" + stc_id).show();
								$(obj).html('<em>-</em>');
								$(obj).attr('class', 'ico-none');
							} else {
								$("#stc_" + stc_id).hide();
								$(obj).html('<em>+</em>');
								$(obj).attr('class', 'ico-block');
							}
						}
					</script>
				</div>
			</div>

			<!-- 引入幻灯片JS -->
			<script type="text/javascript" src="__PUBLIC__/Home/js/jquery.flexslider-min.js"></script>
			<!-- 绑定幻灯片事件 -->
			<script type="text/javascript">
				$(window).load(function() {
					$('.flexslider').flexslider();

					// 图片切换效果
					$('.goods-thumb-scroll-show').find('a').mouseover(function() {
						$(this).parents('li:first').addClass('selected').siblings().removeClass('selected');
						var _src = $(this).find('img').attr('src');
						_src = _src.replace('_60.', '_240.');
						$(this).parents('dt').find('.goods-thumb').find('img').attr('src', _src);
					});
				});
			</script>
			<div class="clear">&nbsp;</div>
		</div>

		
 </block>
 <block name="footer">
 <include file="Index:footer" />
 </block>	